<template>
	<view class="empty_box" :style="{marginTop:marginTop}">
		<view class="empty dis-flex flex-dir-column flex-y-center">
			<u--image  :src="require('@/static/images/empty.png')" width="475rpx"
				height="327rpx"></u--image>
				<view class="empty_text" v-if="emptyText">
					{{emptyText}}
				</view>
				<view class="empty_bnt">
					<slot></slot>
				</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"empty",
		props:{
			marginTop:{
				type:String,
				default:'100rpx'
			},
			emptyText:{
				type:String,
				default:''
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.empty_box{
		position: relative;
		width: 100vw;
	}
.empty{
	// position: absolute;
	top: 20%;
	left: 3%;
	
}
.empty_text{
	width: 100%;
	color: #849AF5;
	font-size: 28rpx;
	margin: 60rpx 0;
	text-align: center;
}
.empty_bnt{
	
}
</style>